<template>
	<view class="pictures">
		<scroll-view scroll-y="true"  class="left">
			<view class="active">家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
			<view>家居生活</view>
		</scroll-view>
	</view>
</template>

<script>
	export default{
	
	}
</script>

<style lang="scss">
	page{
		height: 100%;
	}
	.pictures{
		height: 100%;
		.left{
			width: 200rpx;
			height: 100%;
			border-right: 1px solid #eee;
			view{
				height: 60px;
				line-height: 60px;
				color: #333;
				text-align: center;
				border-top: 1px solid #eee;
			}
			.active{
				background-color: #007AFF;
			}
		}
	}
</style>
